<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!This is the project i am trying to make jqgird work!!!>
<!To INSERT data/information in Ms/My SQL database we need to have have basic idea of the type of the data that
    we want to insert in our database and its very important because we have take care of the Quoats accordingly
    the datatype. 1. We dont need to have qouts for the int/float type
                  2. We need to have quoats for any other type of variable>
<html><!To make JqGrid work we need to have proper path and othe >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=JIS_X0201"/>
        <title></title>
        <link rel="stylesheet" type="text/css" media="screen" href="jqGrid/themes/basic/grid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="jqGrid/themes/jqModal.css" />

        <script src="jqGrid/jquery.js" type="text/javascript"></script>
        <script src="jqGrid/jquery.jqGrid.js" type="text/javascript"></script>
        <script src="jqGrid/js/jqModal.js" type="text/javascript"></script>
        <script src="jqGrid/js/jqDnR.js" type="text/javascript"></script>

        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
        <!This code is for the serachbox option which is to be included in the jqgrid!!>
        <div id="searchbox" style="text-align:right; width:450px">
            <form action="" method="POST" id="myForm">
                <input type="text" name="myText" onkeyup="changeVal()">
                <script type="text/javascript" language="JavaScript">
                    function changeVal() {
                        s1 = new String(myForm.myText.value);
                        $("#list").setGridParam(
                        {
                            url:"mysqldata.php?find="+s1
                        }).trigger("reloadGrid");
                    }
                </script>
            </form>
        </div>
        <table id="list" class="scroll"></table>
        <div id="pager" class="scroll" style="text-align:center;"></div>
    </body>
</html>
